"use client";
import React from "react";
import {Tooltip, ActionIcon, Modal} from "@mantine/core";
import {IconBlendMode} from "@tabler/icons-react";
import {useDisclosure} from "@mantine/hooks";

export const SeprateAnalysis = ({disabled}: {disabled: boolean}) => {
  const [opened, {open, close}] = useDisclosure(false);
  return (
    <>
      <Tooltip
        label="裂点分析"
        withArrow
        position="bottom"
        transitionProps={{transition: "fade", duration: 300}}
      >
        <ActionIcon variant="light" color="lime" disabled={disabled}>
          <IconBlendMode size={16} />
        </ActionIcon>
      </Tooltip>
      <Modal opened={opened} onClose={close} title="直连分析" size="xl">
        hello world
      </Modal>
    </>
  );
};
